<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<link rel="stylesheet" type="text/css" media="screen" href="css/core/spc.css">
<style>
    tr.foot {
        background-color: #e4e4e4 !important;
    }

    tr.foot-info {
        background-color: #ededed !important;
    }
</style>
<jsp:include page="../searchbar.jsp"/>
<section id="widget-grid" class="">

    <!-- row -->

    <div class="row">
        <article class="col-sm-9 sortable-grid ui-sortable">
            <div class="jarviswidget jarviswidget-sortable" id="wgt_grrSummary" data-widget-colorbutton="false" data-widget-editbutton="false" data-widget-deletebutton="false" role="widget" style="">
                <header role="heading">
                    <%--<h2><strong>GRR-20160102</strong></h2>--%>
                    <div class="jarviswidget-ctrls" role="menu">
                        <a href="javascript:void(0);" class="button-icon jarviswidget-edit-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Show details"><i class="fa fa-info"></i></a>
                        <a href="javascript:void(0);" class="button-icon jarviswidget-toggle-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Collapse"><i class="fa fa-minus "></i></a>
                        <a href="javascript:void(0);" class="button-icon jarviswidget-fullscreen-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Fullscreen"><i class="fa fa-expand "></i></a>
                        <!--<a href="javascript:void(0);" class="button-icon jarviswidget-delete-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Delete"><i class="fa fa-times"></i></a>-->
                    </div>

                    <span class="jarviswidget-loader"><i class="fa fa-refresh fa-spin"></i></span>

                    <div class="widget-toolbar" role="menu">
                        <button type="button" id="btn_grr_import" class="btn btn-primary" data-toggle="modal" data-target="#dlg_grr_import" rel="tooltip" title="" data-placement="bottom"
                                data-original-title="Import data">Import
                        </button>
                        <button type="button" id="btn_grr_export" class="btn btn-warning" data-toggle="modal"
                                data-target="#dlg_grr_export" rel="tooltip" title="" data-placement="bottom"
                                data-original-title="Export data" disabled>Export
                        </button>
                    </div>
                    <ul class="nav nav-tabs in" id="tab_pageTab">
                        <li class="active">
                            <a id="tab_analysis" data-toggle="tab" href="#s1"><span class="hidden-mobile hidden-tablet">Analysis</span></a>
                        </li>
                        <li>
                            <a id="tab_viewData" data-toggle="tab" href="#s2"><span class="hidden-mobile hidden-tablet">View Data</span></a>
                        </li>
                    </ul>
                </header>

                <div role="content">

                    <!-- widget edit box -->
                    <div id="div_grr_summary_bar" class="jarviswidget-editbox">
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="progress margin-bottom-0">
                                    <div class="progress-bar bg-color-red" style="width: 100%"><span class="pull-right margin-right-10">Bad >= <span id="spn_grr_psattr_bad"></span>%</span></div>
                                    <div class="progress-bar bg-color-orange" style="width: 75%"><span class="pull-right margin-right-10">Marginal < <span id="spn_grr_psattr_marginal"></span>%</span></div>
                                    <div class="progress-bar bg-color-blue" style="width: 50%"><span class="pull-right margin-right-10">Adequate < <span id="spn_grr_psattr_adequate"></span>%</span></div>
                                    <div class="progress-bar bg-color-green" style="width: 25%">Excellent < <span id="spn_grr_psattr_excellent"></span>%</div>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                 <span class="pull-right">
                                     Parts=<span class=" txt-color-teal" id="spn_grr_setting_p"><strong></strong></span>,
                                     Appraisers=<span class="txt-color-teal" id="spn_grr_setting_a"><strong></strong></span>,
                                     Trials=<span class="txt-color-teal" id="spn_grr_setting_t"><strong></strong></span>
                            </span>
                            </div>
                        </div>
                    </div>
                    <!-- end widget edit box -->

                    <!-- widget content -->
                    <div class="widget-body">
                        <div id="myTabContent" class="tab-content">
                            <div class="tab-pane fade in active no-padding-bottom" id="s1">

                                <div class="well no-space no-padding">
                                    <div class="padding-5 bg-info">
                                        <a href="javascript:void(0);" id="collapseBtn0" class="collapseBtn">Summary<span> <i
                                                class="fa fa-angle-down"></i></span></a>
                                    </div>
                                    <div class="form-inline" role="form">
                                        <div class="form-group" style="width:260px;">
                                            <input style="width:100%" id="slt_grr_summary_slot" placeholder="Slot"/>
                                        </div>
                                    </div>

                                    <hr class="margin-top-0 margin-bottom-0 floating">
                                    <table id="tbl_grr_summary" class="table table-striped table-bordered table-hover has-tickbox" style="margin-top: 0px !important;" width="100%">
                                        <thead>
                                        <tr>
                                            <th colspan="2"></th>
                                            <th colspan="3">Gage R&R</th>
                                            <th colspan="3">Gage R&R</th>
                                            <th></th>
                                        </tr>
                                        <tr>
                                            <th style="width:5%;">NO</th>
                                            <th>TestItem</th>
                                            <th>LSL</th>
                                            <th>USL</th>
                                            <th>Tolerance</th>
                                            <th>Part Variation</th>
                                            <th>Total Process Variation</th>
                                            <th>Gage R & R</th>
                                            <th>Result</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>

                                <div class="margin-top-10">
                                    <div class="well no-space no-padding">
                                        <div class="padding-5 bg-info">
                                            <a href="javascript:void(0);" id="btn_grr_collapseBtn1" class="collapseBtn">For TestItem<span> <i
                                                    class="fa fa-angle-down"></i></span></a>
                                            <span>TestItem: <span id="spn_grr_detail_itemname"><strong>-</strong></span>, Tolerance: <span class="txt-color-red"
                                                                                                                                           id="spn_grr_detail_tolerance"><strong>-</strong></span></span>
                                        </div>
                                        <hr class="margin-top-0 margin-bottom-0 floating">
                                        <div id="tbl_grr_itemDetail" class="custom-scroll table-responsive no-padding"
                                             style="overflow-y: scroll;">
                                        </div>

                                    </div>
                                </div>

                                <div class="margin-top-10">
                                    <div class="well no-space no-padding">
                                        <div class="padding-5 bg-info">
                                            <a href="javascript:void(0);" id="btn_grr_collapseBtn2" class="collapseBtn">Analysis<span>
                                                <i class="fa fa-angle-down"></i></span></a>
                                            <span id="spn_grr_detail_title">USL: -, LSL: -</span>
                                        </div>
                                        <hr class="margin-top-0 margin-bottom-0 floating">
                                        <table id="tbl_grr_anova" class="table table-striped table-bordered table-hover has-tickbox" style="margin-top: 0px !important;" width="100%">
                                            <thead>
                                            <tr>
                                                <th style="width:16.6%;">ANOVA</th>
                                                <th>DF</th>
                                                <th>SS</th>
                                                <th>MS</th>
                                                <th>F</th>
                                                <th>Prob>F</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                        <hr class="margin-top-5 margin-bottom-5 floating">
                                        <table id="tbl_grr_source" class="table table-striped table-bordered table-hover has-tickbox" style="margin-top: 0px !important;" width="100%">
                                            <thead>
                                            <tr>
                                                <th colspan="7">Process Distribution Width in Sigma's (Typically 5.15 or 6.00) = <span id="spn_grr_source_sigma"></span></th>
                                            </tr>
                                            <tr>
                                                <th style="width:16.6%;">Source</th>
                                                <th>Variation</th>
                                                <th>SIGMA</th>
                                                <th><a href="form-x-editable.html#" id="a_grr_source_sigma" data-type="select2"  data-value="6.0" data-select-search="false" data-original-title="Select sigma"></a> SIGMA</th>
                                                <th>%Contribution</th>
                                                <th>%Total Variation</th>
                                                <th>%Tolerance</th>
                                            </tr>
                                            </thead>
                                            <tbody>

                                            </tbody>

                                        </table>
                                    </div>
                                </div>

                                <div class="margin-top-10">
                                    <div class="well no-space no-padding">
                                        <div class="padding-5 bg-info">
                                            <a href="javascript:void(0);" id="btn_grr_collapseBtn3" class="collapseBtn">Charts<span> <i
                                                    class="fa fa-angle-down"></i></span></a>
                                        </div>
                                        <hr class="margin-top-0 margin-bottom-0 floating">
                                        <div class="row no-space">
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding-10">
                                                <div class="text-center"><span>Xbar-Chart</span></div>
                                                <div id="cht_grr_xbar" class="" style="min-height:135px;"></div>
                                            </div>
                                        </div>
                                        <hr class="margin-top-5 margin-bottom-5 floating">
                                        <div class="row no-space">
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding-10">
                                                <div class="text-center"><span>R-Chart</span></div>
                                                <div id="cht_grr_r"  style="min-height:135px;"></div>
                                            </div>
                                        </div>
                                        <hr class="margin-top-5 margin-bottom-5 floating">
                                        <div class="row no-space">
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding-10">
                                                <div class="text-center"><span>R&R Plot – By Appraisers</span></div>
                                                <div id="cht_grr_resbyoperator" class="" style="min-height:135px;"></div>
                                            </div>
                                        </div>
                                        <hr class="margin-top-5 margin-bottom-5 floating">
                                        <div class="row no-space">
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding-10">
                                                <div class="text-center"><span>R&R Plot – By Parts</span></div>
                                                <div id="cht_grr_resbypart" class="" style="min-height:135px;"></div>
                                            </div>
                                        </div>
                                        <hr class="margin-top-5 margin-bottom-5 floating">
                                        <div class="row no-space">
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding-10">
                                                <div class="text-center"><span>Components of Variation</span></div>
                                                <div id="cht_grr_components" class="" style="min-height:135px;"></div>
                                            </div>
                                        </div>
                                        <hr class="margin-top-5 margin-bottom-5 floating">
                                        <div class="row no-space">
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding-10">
                                                <div class="text-center"><span>Part by Appraisers Plot</span></div>
                                                <div id="cht_grr_plot" class="" style="min-height:135px;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <div class="tab-pane fade in no-padding-bottom" id="s2">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-inline" role="form">
                                            <div class="form-group" style="width:260px;">
                                                <input style="width:100%" id="slt_grr_viewdata_slot" placeholder="Slot"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <button id="btn_grr_viewdata_submit" class="pull-right btn btn-xs btn-default" disabled>Submit</button>
                                        <button id="btn_grr_viewdata_choiceitem" class="pull-right btn btn-xs btn-default  margin-right-5" data-toggle="modal" data-target="#dlg_grr_choice" disabled>Choice Test Item</button>

                                    </div>
                                </div>
                                <hr class="margin-top-0 margin-bottom-0 floating">
                                <div class="custom-scroll table-responsive " style="overflow-y: scroll;">
                                    <table id="tbl_grr_viewdata" class="table table-bordered table-striped table-condensed table-hover smart-form has-tickbox">
                                        <thead>
                                        <tr>
                                            <%--<th style="min-width:20px;"><label class="checkbox">
                                                <input type="checkbox" id="ckb_topCheck" name="checkbox-inline" class="">
                                                <i></i>
                                            </label></th>--%>
                                            <th></th>
                                            <th>Part</th>
                                            <th>Operator</th>
                                            <th>Part</th>

                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td colspan="4" class="text-center" style="padding: 20px 10px !important;">No data available in table</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </article>

        <!-- Modal Import-->
        <div class="modal fade" id="dlg_grr_import" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">GRR Data Import </h4>
                    </div>
                    <div class="modal-body fuelux">

                        <div id="alt_grr_import_msgbar" class="alert alert-warning margin-bottom-10" style="display:none; margin-bottom:10px;"></div>
                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group">
                                    <label>Project</label>
                                    <div>
                                        <input style="width:100%" id="slt_grr_import_project" name="projectId"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr class="margin-top-0 margin-bottom-10"/>
                        <div id="wzd_grr_import" class="wizard" style="display:none;">
                            <ul class="steps">
                                <li data-target="#step1" class="active">
                                    <span class="badge badge-info">1</span>Step 1<span class="chevron"></span>
                                </li>
                                <li data-target="#step2">
                                    <span class="badge">1</span>Step 1<span class="chevron"></span>
                                </li>
                                <li data-target="#step3">
                                    <span class="badge">2</span>Step 2<span class="chevron"></span>
                                </li>
                            </ul>
                        </div>

                        <div class="step-content">
                            <div class="step-pane active" id="step1">
                                <form id="frm_grr_import" enctype="multipart/form-data" target="uploadf" method="post">
                                    <input type="hidden" id="txt_grr_import_projectId" name="projectId"/>
                                    <input type='hidden' id="txt_grr_import_soltkey" name="soltkey"/>
                                    <div class="row">
                                        <%--<div class="col-md-6">--%>
                                            <%--<div class="form-group">--%>
                                                <%--<label>Data source</label>--%>
                                                <%--<div>--%>
                                                    <%--<input style="width:100%" id="slt_grr_import_type" name="importType"/>--%>
                                                <%--</div>--%>
                                            <%--</div>--%>
                                        <%--</div>--%>
                                        <div class="col-md-8">
                                            <div>
                                                <label>Choose file</label>
                                                <input type="file" class="btn btn-default" id="fle_grr_import_file" name="file" style="width:100%;">
                                            </div>
                                        </div>
                                    </div>
                                    <hr class="margin-top-10 margin-bottom-10"/>
                                    <div class="row">
                                        <div class="col-md-8">
                                            <div class="form-group">
                                                <label>1st Change </label>
                                                <div>
                                                    <input style="width:100%" id="slt_grr_import_firstChange" name="firstChange"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="input-group">
                                                <input class="form-control" type="text" id="txt_grr_import_partValue" name="partValue" >
                                                <span class="input-group-addon bg-color-redLight txt-color-white"><strong>Parts</strong></span>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="input-group">
                                                <input class="form-control" type="text" id="txt_grr_import_operatorValue" name="operatorValue" >
                                                <span class="input-group-addon bg-color-orange txt-color-white"><strong>Appraisers</strong></span>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="input-group">
                                                <input class="form-control" type="text" id="txt_grr_import_trialValue" name="trialValue" >
                                                <span class="input-group-addon bg-color-teal txt-color-white"><strong>Trials</strong></span>
                                            </div>
                                        </div>
                                    </div>
                                    <hr class="margin-top-10 margin-bottom-10"/>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Group 1</label>
                                                <div>
                                                    <input style="width:100%" id="slt_grr_import_bind_group_f" name="bindGroup1"/>
                                                    <input type="hidden" id="slt_grr_import_bind_group_f_isdefualt" name="bindGroup1_default"/>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Group 2</label>
                                                <div>
                                                    <input style="width:100%" id="slt_grr_import_bind_group_s" name="bindGroup2"/>
                                                    <input type="hidden" id="slt_grr_import_bind_group_s_isdefualt" name="bindGroup2_default"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Part</label>
                                                <div>
                                                    <input style="width:100%" id="slt_grr_import_bind_attr_part" name="bindAttrPart"/>
                                                    <input type="hidden" id="slt_grr_import_bind_attr_part_isdefualt" name="bindAttrPart_default"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <hr class="margin-top-0 margin-bottom-10"/>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label>GRR Name</label>
                                                <input class="form-control" type="text" id="txt_grr_import_grrName" name="grrName">
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="step-pane" id="step2">
                                <form id="frm_grr_import2" enctype="multipart/form-data" target="uploadf" method="post">
                                    <input type="hidden" id="txt_grr_import_projectId2" name="projectId"/>
                                    <input type='hidden' id="txt_grr_import_soltkey2" name="soltkey"/>
                                    <div class="row">
                                        <div class="col-md-8">
                                            <%--<div class="form-group">--%>
                                                <%--<label>Data source</label>--%>
                                                <%--<div>--%>
                                                    <%--<input style="width:100%" id="slt_grr_import_type2" name="importType"/>--%>
                                                <%--</div>--%>
                                            <%--</div>--%>
                                                <div>
                                                    <label>Choose file</label>
                                                    <input type="file" class="btn btn-default" id="fle_grr_import_file2" name="file" style="width:100%;">
                                                </div>
                                        </div>
                                    </div>
                                    <%--<div class="row">--%>
                                        <%--<div class="col-md-8">--%>
                                            <%--<div>--%>
                                            <%--<label>Choose file</label>--%>
                                            <%--<input type="file" class="btn btn-default" id="fle_grr_import_file2" name="file" style="width:100%;">--%>
                                            <%--</div>--%>
                                        <%--</div>--%>
                                    <%--</div>--%>
                                    <hr class="margin-top-10 margin-bottom-10"/>
                                    <div class="row">
                                        <div class="col-md-8">
                                            <div class="form-group">
                                                <label>Test strategy (Separated by ',' and ';')</label>
                                                <div class="form-group">
                                                    <input class="form-control" type="text" id="slt_grr_import_slotGroup" name="slotGroup" >
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="input-group">
                                                <input class="form-control" type="text" id="txt_grr_import_partValue2" name="partValue" >
                                                <span class="input-group-addon bg-color-redLight txt-color-white"><strong>Parts</strong></span>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="input-group">
                                                <input class="form-control" type="text" id="txt_grr_import_operatorValue2" name="operatorValue" >
                                                <span class="input-group-addon bg-color-orange txt-color-white"><strong>Appraisers</strong></span>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="input-group">
                                                <input class="form-control" type="text" id="txt_grr_import_trialValue2" name="trialValue" >
                                                <span class="input-group-addon bg-color-teal txt-color-white"><strong>Trials</strong></span>
                                            </div>
                                        </div>

                                    </div>
                                    <hr class="margin-top-0 margin-bottom-10"/>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Group 1</label>
                                                <div>
                                                    <input style="width:100%" id="slt_grr_import_bind_group_f2" name="bindGroup1"/>
                                                    <input type="hidden" id="slt_grr_import_bind_group_f2_isdefualt" name="bindGroup1_default"/>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Group 2</label>
                                                <div>
                                                    <input style="width:100%" id="slt_grr_import_bind_group_s2" name="bindGroup2"/>
                                                    <input type="hidden" id="slt_grr_import_bind_group_s2_isdefualt" name="bindGroup2_default"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Part</label>
                                                <div>
                                                    <input style="width:100%" id="slt_grr_import_bind_attr_part2" name="bindAttrPart"/>
                                                    <input type="hidden" id="slt_grr_import_bind_attr_part2_isdefualt" name="bindAttrPart_default"/>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Operator</label>
                                                <div>
                                                    <input style="width:100%" id="slt_grr_import_bind_attr_operator" name="bindAttrOperator"/>
                                                    <input type="hidden" id="slt_grr_import_bind_attr_operator_isdefualt" name="bindAttrOperator_default"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <hr class="margin-top-0 margin-bottom-10"/>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label>GRR Name</label>
                                            <div class="form-group">
                                                <input class="form-control" type="text" id="txt_grr_import_grrName2" name="grrName" >
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="step-pane" id="step3">
                                <%--<span class="pull-right"><a href="javascript:void(0);" class="btn-prev">--%>
                                    <%--<i class="fa fa-reply"> Go Back</i>--%>
                                <%--</a></span>--%>
                                <span id="spn_grr_import_operator">Importing GRR Data...</span>
                                <div class="progress progress-xs">
                                    <div id="spn_grr_import_processbar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;" class="progress-bar"></div>
                                </div>
                                <div>
                                    Status: <span id="spn_grr_import_status"></span>
                                </div>
                                <div>
                                    Time: <span id="spn_grr_import_time"></span>
                                </div>
                                <br>
                                Log:
                                <div class="well well-light well-clean" id="spn_grr_import_logArea" style="min-height:100px;overflow: auto;">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="modal-footer">

                        <button id="btn_grr_import_submit" type="button" class="btn btn-primary" data-loading-text="<i class='fa fa-refresh fa-spin'></i>  Importing...&nbsp;">
                            <%--<spring:message code="SPC_EXPORT_PREVIEW"/>--%>
                            Start Import
                        </button>
                        <button id="btn_grr_import_gobackTo1" type="button" class="btn btn-primary" style="display: none;">
                            <%--<spring:message code="SPC_EXPORT_PREVIEW"/>--%>
                                <i class="fa fa-reply"> Go Back</i>
                        </button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            <spring:message code="GLOBAL_BUTTON_CANCEL"/>
                        </button>
                        <%--<form id="m_export_form" action="analysis/export/spec/nd" method="post" target="_blank">--%>
                        <%--<input type="hidden" id="m_export_form_param" name="param"/>--%>
                        <%--</form>--%>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div>

        <!-- Modal Choice Test Item-->
        <div class="modal fade" id="dlg_grr_choice" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title">GRR Test Item </h4>
                    </div>
                    <div class="modal-body fuelux">

                        <div id="alt_grr_choice" class="alert alert-warning margin-bottom-10" style="display:none; margin-bottom:10px;"></div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="smart-form margin-bottom-5">
                                    <div class="inline-group">
                                        <label class="radio">
                                            <input type="radio" name="rdo_grr_choice_checked" value="ALL" checked="checked">
                                            <i></i>All
                                        </label>
                                        <label class="radio">
                                            <input type="radio" name="rdo_grr_choice_checked" value="CHECK">
                                            <i></i>Selected
                                        </label>
                                        <label class="radio">
                                            <input type="radio" name="rdo_grr_choice_checked" value="UNCHECK">
                                            <i></i>Un Selected
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <table id="tbl_grr_choice_testitem" class="table table-bordered table-condensed table-hover smart-form has-tickbox" width="100%">
                                    <thead>
                                    <tr>
                                        <th style="width:25px;"><label class="checkbox"><input type="checkbox" id="ckb_grr_choice_testitem_topAll" name="checkbox-inline" class=""><i></i></label></th>
                                        <th>Test Item</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button id="btn_grr_choice_submit" type="button" class="btn btn-primary" data-loading-text="<i class='fa fa-refresh fa-spin'></i>  Importing...&nbsp;">
                            <%--<spring:message code="SPC_EXPORT_PREVIEW"/>--%>
                            Submit
                        </button>
                        <button type="button" class="btn btn-default" data-dismiss="modal" >
                            <spring:message code="GLOBAL_BUTTON_CANCEL"/>
                        </button>
                        <%--<form id="m_export_form" action="analysis/export/spec/nd" method="post" target="_blank">--%>
                        <%--<input type="hidden" id="m_export_form_param" name="param"/>--%>
                        <%--</form>--%>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div>

        <%--Modal Export--%>
        <div class="modal fade" id="dlg_grr_export" tabindex="-1" role="dialog" aria-labelledby="myModalTitle"
             aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalTitle">GRR Data Export </h4>
                    </div>
                    <div class="modal-body fuelux">
                        <form class="form-horizontal">
                            <fieldset>
                                <div class="form-group">
                                    <div class="radio" style="margin-left: 15px">
                                        <label>
                                            <input type="radio" name="grr_export_type" checked="checked" value="onlyResult">Only Result</label>
                                        <label style="margin-left: 50px">
                                            <input type="radio" name="grr_export_type" value="resultData">Result and Data</label>
                                    </div>
                                </div>
                            </fieldset>
                        </form>
                        <table id="tbl_grr_export_testItem"
                               class="table table-bordered table-condensed table-hover smart-form has-tickbox" width="100%">
                            <thead>
                            <tr>
                                <th style="width:25px;"><label class="checkbox"><input type="checkbox" checked='checked' id="ckb_grr_export_allCheck" name="checkbox-inline" class=""><i></i></label></th>
                                <th>Test Item</th>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>

                    <div class="modal-footer">
                        <button id="btn_grr_export_submit" type="button" class="btn btn-primary">
                            Export
                        </button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            <spring:message code="GLOBAL_BUTTON_CANCEL"/>
                        </button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div>

        <article class="col-sm-3 sortable-grid ui-sortable">
            <div class="jarviswidget jarviswidget-sortable" id="wid-id-1" data-widget-togglebutton="false" data-widget-editbutton="false" data-widget-fullscreenbutton="false" data-widget-colorbutton="false"
                 data-widget-deletebutton="false" role="widget" style="">
                <header role="heading">
                    <div class="jarviswidget-ctrls" role="menu">
                        <!--<a href="javascript:void(0);" class="button-icon jarviswidget-toggle-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Collapse"><i class="fa fa-minus "></i></a>-->
                        <!--<a href="javascript:void(0);" class="button-icon jarviswidget-fullscreen-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Fullscreen"><i class="fa fa-expand "></i></a>-->
                        <!--<a href="javascript:void(0);" class="button-icon jarviswidget-delete-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Delete"><i class="fa fa-times"></i></a>-->
                    </div>
                    <h2><strong>GRR Data</strong></h2>
                    <span class="jarviswidget-loader"><i class="fa fa-refresh fa-spin"></i></span>
                    <div class="widget-toolbar" role="menu">
                        <button type="button" id="btn_grr_deleteGrrItem" class="btn btn-danger" rel="tooltip" title="" data-placement="bottom" data-original-title="Delete data" disabled>Del
                        </button>
                    </div>
                </header>
                <!-- widget div-->
                <div role="content">

                    <!-- widget edit box -->
                    <div class="jarviswidget-editbox">
                    </div>
                    <!-- end widget edit box -->

                    <!-- widget content -->
                    <div class="widget-body no-padding">
                        <div class="custom-scroll table-responsive no-padding" style="height:363px; overflow-y: scroll;">
                            <table id="tbl_grr_itemData" class="table table-hover">
                                <thead>
                                <th>Name</th>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>

                        <div class="widget-footer">
                            <input class="form-control" type="text" placeholder="Filter" id="txt_grr_itemDataFilter" name="search_LIKE_name"></input>
                        </div>
                    </div>
                    <!-- end widget content -->

                </div>
                <!-- end widget div -->

            </div>

        </article>
    </div>
    <iframe name="uploadf" style="display:none"></iframe>
</section>
<script>
    pageSetUp();


</script>
<script src="js/core/business/analysis/grr/grrInit.js" type="text/javascript"></script>
